<template>
    <view >
		<view class="payment-success">
		<view class="f-active-color">
            支付成功
        </view>
        <view class="return-index" @tap="goIndex">
            返回首页
        </view>
		</view>
		<displayList></displayList>
    </view>
</template>

<script>
	import displayList from '../../components/displayList.vue';
    export default {
        data() {
            return {
                
            };
        },
		onBackPress(event){
		      uni.switchTab({
		          url:'/pages/index/index'
		      });
		     return true;
		  },
        methods:{
            goIndex(){
                uni.switchTab({
                    url:'/pages/index/index'
                })
            }
        },
		components:{
			displayList
		}
    }
</script>

<style lang="scss">
.payment-success{
    margin-top: 50rpx;
	margin-bottom: 200rpx;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.return-index{
    margin: 20rpx;
    color: #49bdfb;
    padding: 10rpx 60rpx;
    border: 2px solid #49bdfb;
    border-radius: 40rpx;
}
.f-active-color{
    font-size: 52rpx;
}
</style>

